import React, { Component } from 'react';
import './comment.css'
//书写组件
class Comment extends Component{
    //属性
    state={
        title:"",
        desc:"",
    }
    //更改评论人
    ChanTile=(e)=>{
        this.setState({
            title:e.target.value
        })
    }
    //更改评论内容
    ChanDese=(e)=>{
        this.setState({
            desc:e.target.value
        })
    }
    //提交评论
    ADD=()=>{
        const {title,desc}=this.state
        this.props.updateList({title,desc})
        this.setState({
            title:'',
            desc:"",
        })
    }
    // 页面
    render(){
        return(
            <div className="comment">
                <input type="text"  className='comment_input' placeholder='请输入评论人' value={this.state.title} onChange={this.ChanTile} />  
                <textarea className='heihei' id="" cols="30" rows="10" value={this.state.desc} onChange={this.ChanDese}></textarea> 
                <button onClick={this.ADD}>发表评论</button> 
            </div>
        )
    }
}
export default Comment